<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
    <title>指导性案例</title>
    <link rel="stylesheet" href="../static/Caseassets/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../static/Caseassets/css/fontsGoogleapis.com.css" />
    <link rel="stylesheet" href="../static/Caseassets/fonts/font-awesome.min.css" />
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="assets/js/bs-init.js"></script>
  </head>

  <body>
    <nav class="navbar navbar-light navbar-expand bg-light navigation-clean">
      <div class="container">
        <p style="font-size: 38px;padding-top: 10px">Brand</p>
        <div class="collapse navbar-collapse" id="navcol-1" style="margin-left: 150px;font-size: 19px">
          <a href="home" style="padding-top: 6px;padding-right: 12px;padding-bottom: 6px;margin-left: 450px;padding-left: 0px;color: inherit;text-decoration: none">首页</a>
          <a href="lawCase" style="margin-left: 100px;color: inherit;text-decoration: none">指导案例</a>
          <a href="userpage" style="margin-left: 100px;color: inherit;text-decoration: none">个人中心</a>
          <a href="userpage" style="margin-left: 100px;color: inherit;text-decoration: none">{{ uname }}</a>
        </div>
      </div>
    </nav>
    <header class="text-center text-white masthead" style="...">
      <div class="container">
        <div class="row">
          <div class="col-xl-9 mx-auto position-relative">
            <h1 class="mb-5" style="margin-left: -50px;">指导性案例</h1>
          </div>
          <div class="col-md-10 col-lg-8 col-xl-7 mx-auto position-relative">
            <form action="getLawCase">
              <div class="row">
                <div class="col-12 col-md-9 mb-2 mb-md-0">
                  <input class="form-control" type="text" placeholder="请输入案例内容" style="height: 46px;margin-left: 43px;width: 580px" name="content" />
                </div>
                <div class="col-12 col-md-3">
                  <button class="btn btn-primary btn-lg" type="submit">检索</button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </header>
    <div class="row clearfix">
      <div class="col-md-3 column"></div>
      <div class="col-md-7 column">
        <table class="table table-hover">
          <thead>
            <tr>
              <th>题目</th>
              <th>来源</th>
              <th>时间</th>
            </tr>
          </thead>
          <tbody>
            {% for i in ans %}
              <tr>
                <td>
                  <a href="getLawCaseContent?id={{ i[0] }}">{{ i[1] }}</a>
                </td>
                <td>{{ i[2] }}</td>
                <td>{{ i[3] }}</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      <footer class="bg-light footer">
        <div class="container">
          <div class="row">
            <div class="col-lg-6 text-center text-lg-start my-auto h-100">
              <ul class="list-inline mb-2">
                <li class="list-inline-item">
                  <a href="#">关于我们</a>
                </li>
                <li class="list-inline-item">
                  <span>⋅</span>
                </li>
                <li class="list-inline-item">
                  <a href="#">联系我们</a>
                </li>
                <li class="list-inline-item">
                  <span>⋅</span>
                </li>
                <li class="list-inline-item">
                  <a href="#">使用说明</a>
                </li>
                <li class="list-inline-item">
                  <span>⋅</span>
                </li>
                <li class="list-inline-item">
                  <a href="#">隐私政策</a>
                </li>
              </ul>
              <p class="text-muted small mb-4 mb-lg-0">© Brand 2023. All Rights Reserved.</p>
            </div>
            <div class="col-lg-6 text-center text-lg-end my-auto h-100">
              <ul class="list-inline mb-0">
                <li class="list-inline-item">
                  <a href="#"><i class="fa fa-facebook fa-2x fa-fw"></i></a>
                </li>
                <li class="list-inline-item">
                  <a href="#"><i class="fa fa-twitter fa-2x fa-fw"></i></a>
                </li>
                <li class="list-inline-item">
                  <a href="#"><i class="fa fa-instagram fa-2x fa-fw"></i></a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </footer>
    </div>
  </body>
</html>
